#breadcrumbs {
            padding: 0;
            margin: 0px 0px 20px 0px;
            height: 30px;
            font: normal 16px/30px Georgia; /* line-height MUST be the same as height */
            list-style-type:none;
            background: #fff;
        }
        #breadcrumbs li {
            float: left; /*ie6/7 needs this */
        }
        #breadcrumbs a {
            float: left;
            position:relative;
            padding: 0 20px 0 10px;
            color: #000000;
            text-decoration: none;
            outline: none;
        }
        #breadcrumbs a:hover {
            text-decoration: underline;
        }
        #breadcrumbs a.odd {
            background: #e9e9e9;
        }
        #breadcrumbs span {
            position: absolute;
            display: block;
            line-height: 0px;
            height: 0px;
            width: 0px;
            right: 0px;
            top: 0px;
            border-left: 10px solid #CCCCCC;
            border-right: none;
            border-top: 15px solid #fff;
            border-bottom: 15px solid #fff;
        }
        #breadcrumbs a.odd span {
            border-left: 10px solid #e9e9e9;
            border-top: 15px solid #CCCCCC;
            border-bottom: 15px solid #CCCCCC;
        }
        
        /* classes for jquery hover */
        
        #breadcrumbs a.hover {
            text-decoration: none;
            background: #999999;
        }
        #breadcrumbs a span.hover {
            border-left: 10px solid #999999;
        }
        #breadcrumbs a span.pre_hover {
            border-top: 15px solid #999999;
            border-bottom: 15px solid #999999;
        }